.travel-detail {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: $main-background-color;

  .scroll-view {
    flex: 1;
    height: 90vh;
    overflow: scroll;
  }

  .tabs {
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 10px 0;
    background-color: #fff;
    &.fixed {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 2;
      visibility: hidden;
    }
    &.show {
      visibility: visible;
    }

    .tab {
      width: 4em;
      padding: 2px 0;
      border-bottom: 2px solid transparent;
      &.active {
        color: $main-color;
        border-color: $main-color;
      }
    }
  }
}
